<!DOCTYPE html>
<html>
<head>
    <title>Flex Demo</title>
    <meta name="Source link" value="http://css-tricks.com/snippets/css/a-guide-to-flexbox">
    <style type="text/css">

        #wrapper {			
            display: -webkit-box;
            /*-webkit-flex-flow: row;*/
            /*height: 300px;*/
            /*justify-content: center;*/
        }

        .item {
            background: deepskyblue;
           -webkit-box-flex: 1.0;
            /*height: 100px;*/
            /*width: 100px;*/
        }
        .item:nth-child(odd){
            background: greenyellow;
        }

    </style>
</head>
<body>
<div id="wrapper">
    <div class="item">
        Loremisplum
    </div>
    <div class="item">
        Loremisplum
    </div>
    <div class="item">
        Loremisplum
    </div>
</div>
</body>
</html>